import { View, Image } from '@tarojs/components';
import { domain } from '@/constant';
import { IUser } from '@/types/user';
import './card-vip.less';

export default function Index(props: IProps) {
  return (
    <View className="card-vip">
      <Image
        className="vip-background"
        src={`${domain}/images/mine-background.png`}
      />
      <View className="vip-info">
        <View className="left">
          <View className="level">{props.level}.</View>
          <View className="level-name">{props.title}</View>
        </View>
        <View className="right">
          <Image className="vip-pic" src={`${domain}/images/vip-pic.png`} />
        </View>
      </View>
    </View>
  );
}

interface IProps {
  user: IUser;
  level: number;
  title: string;
}
